<template>
  <div>
    <p>入库管理</p>
    <!-- v-loading="loading" -->
    <el-table :data="brandTableData" style="width: 100%">
      <el-table-column prop="businessName" label="商户名称"></el-table-column>
      <el-table-column prop="createTime" label="库存"></el-table-column>
      <el-table-column fixed="right" label="操作">
        <template slot-scope="scope">
          <el-button @click="edit(scope.row)" type="text" style="color:#3dc2c2;">编辑</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      :page-size="perPage"
      :current-page="page"
      :total="total"
      @current-change="changePage"
      style="margin-top: 15px;"
      background
      layout="prev, pager, next"
    ></el-pagination>
  </div>
</template>

<script>
export default {
  name: "brand",
  components: {},
  data() {
    return {
      brandTableData: [
        { id: 1, businessName: "张志永", createTime: "12" },
      ],
      perPage: 10, // 每页显示10条
      page: 1, // 当前页
      total: 0,
    };
  },
  mounted() {},
  watch: {
    "$store.state.app.marketId"(val, oldVal) {},
  },
  methods: {
    changePage(num) {
      this.page = num;
    },
    edit(row) {},
    remove(row) {},
  },
};
</script>

<style lang="scss" scoped>
.button {
  background: #64d9d6;
  color: #fff;
  margin-left: 40px;
}
</style>
